<template>
	<view class="header">
		<view class="header-center">
			<view class="item">
				<image v-if="backBtn" class="back" src="http://139.159.229.212:8889/index/fujiajia/返回.png" mode="">
				</image>
			</view>
			<view class="item title">
				{{title}}
			</view>
			<view class="item">

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			backBtn: {
				type: Boolean,
				default: true
			},
			title: {
				type: String,
				default: ''
			}
		},
		data() {

		}
	}
</script>

<style scoped lang="less">
	.header {
		width: 100%;
		height: 120rpx;
		background-color: rgb(255, 209, 170);

		.header-center {
			width: 90%;
			height: 100%;
			margin: auto;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.item {
				min-width: 40rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.back {
					width: 50rpx;
					height: 50rpx;
				}
			}

			.title {
				font-weight: bold;
				font-size: 34rpx;
			}
		}
	}
</style>